<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Insert title here</title>
        <script type="text/javascript">
			function getById(id){
				return document.getElementById(id);
			}
        </script>
    </head>
    <body>
    	<div id="myobject" style="position:absolute;left:200px;top:50px;width:150px;height:50px;font-size:13pt;line-height:18px;background-color:#CC6633;z-index:2;">
    		this is my object1.
    	</div>
		<div id="myobject2" style="position:absolute;left:203px;top:53px;width:150px;height:50px;line-height:18px;font-size:13pt;background-color:#CCCCCC;z-index:1;">
    		this is my object2.
			<br>
			<a href="#" onclick="">move</a>
    	</div>
		
		<div id="myobject222" style="border-style:solid;border-width:1px;margin:5px 5px 5px 5px;padding:15px 5px 5px 5px;line-height:20px;position:absolute;left:400px;top:50px;width:150px;font-size:13pt;background-color:#CC6633;word-break:break-all;">
    		this is my object222ddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddddd.
    	</div>
		
		<div id="myobject3" style="position:relative;left:200px;top:200px;width:150px;height:50px;background-color:#CC6633;">
    		this is my object3.
    	</div>
		<div id="myobject4" style="position:relative;left:200px;top:200px;width:150px;height:50px;background-color:#CCCCCC;">
    		this is my object4.
			<br>
			<a href="#" onclick="">move</a>
    	</div>
		
		<div id="myobject5" style="position:relative;left:200px;top:300px;width:150px;height:50px;background-color:#CC6633;">
			<div id="myobject51" style="font-size:12pt;font-style:italic;text-decoration:underline;font-family:Arial Black;font-weight:bold;position:relative;left:2px;top:2px;width:150px;height:50px;background-color:#CCCCCC;">
    		this is my object5.
    		</div>
    	</div>
		
		<div id="myobject6" style="position:relative;left:200px;top:400px;width:150px;height:50px;background-color:#CC6633;">
			<div id="myobject61" style="text-align:center;position:relative;left:-2px;top:-2px;width:150px;height:50px;background-color:#CCCCCC;">
    		this is my object6.
    		</div>
    	</div>
		
		<div id="myobject7" style="position:relative;left:200px;top:500px;width:250px;height:50px;background-color:#CC6633;">
			<div id="myobject71" style="letter-spacing:20px;">
    		this is my object71.
    		</div>
			<div id="myobject72" style="letter-spacing:2em;">
    		this is my object72.
    		</div>
			<div id="myobject73" style="word-spacing:5px;">
    		this is my object73.
    		</div>
			<div id="myobject74" style="word-spacing:1.5em;word-break:break-all;">
    		this is my objectssssssssssssssssssssssssssssssssssssssssssss74.
    		</div>
    	</div>
    </body>
</html>
